/**********************the whole**begin****************************/
	html,body{
		margin: 0;
		padding:0;
		width:100%;
		height: auto;
		background: #f5f5f5;
		
	}
	
	/*统一样式*/
	a{text-decoration: none;}
	a:active{text-decoration: none;}
	a:link{text-decoration: none;}
	
	
	ul{margin:0;padding:0;}
	li{margin:0;padding:0;list-style: none;}
	
	.clear{clear:both}
	/**********************the whole**the end***************************/
	/**************************整体布局 开始********************************/
	.top{
		background: #FFFFFF;
	}
	
	.main{
		width:100%;height: auto;
		padding-bottom: 1rem;
	}
	/**************************整体布局 结束********************************/
	
/**头部横向滑动nav**********/
.chosen-container{
	position: fixed;
	z-index: 199;
	top:0.877rem;
	width:100%;height: 1.18rem;
	background: #ffffff;
	/*overflow-x: scroll;*/
	overflow: hidden;
	overflow-x: scroll;
	/*padding-left: 0.313rem;
	padding-right: 0.313rem;*/
	border-bottom: 1px solid #E5E5E5;
	box-shadow: 0 0.07rem 0.07rem 0rem rgba(35,35,35,0.07);
	border-top: none;
}

 /* for Chrome */
/*滚动条隐藏*/
.chosen-container::-webkit-scrollbar {
    display: none;
}
.chosen-swiper{
    display: -moz-box; /*Firefox*/
    display: -webkit-box; /*Safari,Opera,Chrome*/
    display: box;
    /*display: flex;/*发现他也可以但是好多移动端浏览器不支持，唉！浏览器厂家难为咱们前端啊*/
  	/*padding-right: 0.313rem;*/
}

.chosen-swiper a{
	width: 33.33%;
    height: 1.15rem;
   	text-align: center;
    font-size: 0.27rem;color:#666666;
   	text-decoration: none;
    display:block!important;
}
.chosen-swiper a:first-child{
    margin-left: inherit;
}
.chosen-swiper p{
	position: relative;
	margin:0 auto;
	width:1.42rem;
	height: 1.15rem;
   
    
    border-top-left-radius: 0.2rem;
    border-top-right-radius: 0.2rem;
}

.chosen-swiper a.active p{
	background: #fff0e9;
}

.chosen-swiper p img{
	margin-top:0.23rem;
	width:0.46rem;height: 0.46rem;
}
.chosen-swiper p span{
	display: inline-block;
	margin-top: 0.12rem;
	width: 100%;height: 0.25rem;line-height: 0.25rem;
	 font-size: 0.23rem;
    color:#666666;
	
}


/***swiper*****/
.swiper-container{
	width:100%;height: auto;
	margin-top: 2.06rem;
	overflow-x: hidden;
	
}
			
.swiper-wrapper{
	width:100%;height:auto;
	padding:0;
}

.swiper-container .swiper-wrapper .swiper-slide{
	width:100%;height:auto;
	margin:0;
	overflow: hidden;
		
}
			

.item{
	width:100%;height: 2.6rem;
	background: #FFFFFF;
	border-bottom: 1px solid #E5E5E5;
	
}
.item a{
	display: block;
	width:100%;height: 2.6rem;
}
.item a:active{
	background: #F5F5F5;
}
.i_pic{
	position: absolute;
	width:0.334rem;height: auto;
	margin-top:0;left: 0;
}

.item_left{
	float:left;
	width:1.36rem;height: 2.6rem;line-height: 2.6rem;
	margin-left: 0.46rem;
	margin-right: 0.375rem;
	text-align: center;
	
	
}
.item_left img{
	display: inline-block;
	width:1.375rem;height: 1.96rem;
	background: #F5F5F5;
}
.item_right{
	float:left;
	width:5rem;height:100%;
}

.item_right_top{
	width:100%;
	height: 0.33rem;line-height: 0.33rem;
	overflow: hidden;
	margin-top: 0.45rem;margin-bottom: 0.2rem;
}
.bookname{
	font-size: 0.27rem;color:#333333;
}
.item_right_con{
	width:100%;height: 0.25rem;line-height: 0.25rem;overflow: hidden;
	margin-bottom: 0.35rem;
}
.agerangs{
	font-size: 0.25rem;color:#FF8447;
}
.item_right_bot{
	width:100%;height: 0.75rem;
}
.isbn{
	width:2rem;height: 100%;
	float:left;
	font-size: 0.23rem;
}
.isbn>span{
	display: block;width:2rem;
	font-size: 0.23rem;color: #A5A5A5;
	line-height: 0.355rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.num{
	float:right;
	margin-top: 0.2rem;
	width:2.6rem;height: 0.54rem;line-height: 0.54rem;
	
}
.num>span{
	display: inline-block;
	float: left;
}
.picright{
	width:0.54rem;height: 0.54rem;line-height: 0.54rem;
	text-align: center;
}
.picleft{
	width:0.6rem;height: 0.54rem;line-height: 0.54rem;
	text-align: right;
}

.picleft>span{
	display: block;
	width:100%;height: 0.54rem;line-height: 0.54rem;
}

.picleft.type1 .kc{display: block;}
.picleft.type2 .kc{display: none;}
.picleft.type1 .dic{display: none;}
.picleft.type2 .dic{display: block;}

.picleft .kc{
	font-size: 0.27rem;color:#666666;
}
.dic{
	background: url(../images/icons/dic1.png) center no-repeat;
	background-size: 0.54rem 0.54rem;
}
.count{
	display: inline-block;
	width: 1.38rem;height: 0.54rem;line-height: 0.54rem;
	text-align: center;
	font-size: 0.25rem;color:#333333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.count.type1 .kcs{display: block;}
.count.type1 .mynum{display: none;}
.count.type2 .kcs{display: none;}
.count.type2 .mynum{display: block;}

.count span{
	display: block;
	width:1.38rem;height: 0.54rem;line-height: 0.54rem;
	
}
.picright span{
	display: block;
	width:0.54rem;height: 0.54rem;line-height: 0.54rem;
	
}

.picright.type1 .add1{display: block;}
.picright.type1 .add2{display: none;}
.picright.type2 .add1{display: none;}
.picright.type2 .add2{display: block;}

.picright .add1{
	background: url(../images/icons/add1.png) ;
	background-size: 100% 100%;
	
}

.picright .add2{
	background: url(../images/icons/add2.png);
	background-size: 100% 100%;
}
/********底部 开始**********/
.footer{
		position: fixed;z-index: 250;
		width:100%;height: 1rem;
		bottom:0;left: 0;
		background: #F7F7F7;
		border-top: 1px solid #E5E5E5;
	}
	

.footer>a{
		display: block;
		width:50%;height: 1rem;
		float:left;
		text-align: center;
		font-size: 0.23rem;color:#666666;
	}
.footer>a:active{
	background: #FFFFFF;
}
.footer>a img{
	width:0.46rem;height: 0.46rem;
	margin-top: 0.08rem;margin-bottom: 0.03rem;
}

.footer>a span{
	display: block;
	width:100%;
	text-align:center;
}

.amount{
	position: fixed;
	right:1.39rem;margin-top: 0.05rem;
	width:0.35rem;height: 0.35rem;
	line-height: 0.35rem;
	padding-top: 0.01rem;
	text-align: center;
	border-radius: 0.5rem;
	background: #fe4141;
	font-size: 0.22rem;color:#FFFFFF;
	box-sizing: border-box;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}

/********底部 结束**********/